import React, { FC,  } from 'react';
import { View, Text } from '@tarojs/components';
import { styled } from 'linaria/react';
import { useClassName } from '@/utils/index';
import Content from './Content/Content';
export interface IProps extends ICompProps {
    isShowImgCaptchaModal?:boolean
}
Imgcaptcha.defaultProps = {
    isShowImgCaptchaModal:false
} as Partial<IProps>;
function Imgcaptcha(props: IProps) {
    const { className, style ,isShowImgCaptchaModal} = props;
    const localClassName = useClassName('Imgcaptcha', className);

    return (
        <RootView className={localClassName} style={style}>
            <View className="Imgcaptcha_wrap" style={{ display: isShowImgCaptchaModal ? 'block' : 'none' }}>
                <Content></Content>
            </View>
        </RootView>
    );
}
export default React.memo(Imgcaptcha as FC<IProps>);
const RootView = styled(View)`
    &.Imgcaptcha {
        .Imgcaptcha_wrap {
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 1000;
            position: fixed;
        }
    }
`;
